<template>
  <div class="publish">
      <div class="top-nav">
        <p class="nav-title">专栏管理 > 专栏内容维护</p>
      </div>
      <top-menu :routes=routes></top-menu>
      <router-view></router-view>
  </div>
</template>

<script>
  import TopMenu from 'open-vue-components/src/components/navigator/TopMenu.vue'

  export default{
    name: 'publish',
    components: {
      'top-menu': TopMenu
    },
    data() {
      return {
        routes: [{
          name: 'video',
          displayName: '发表视频',
          link: `/columns/journal/${this.$route.params.id}/${this.$route.params.issue}/publish/video`
        }, {
          name: 'audio',
          displayName: '发表音频',
          link: `/columns/journal/${this.$route.params.id}/${this.$route.params.issue}/publish/audio`
        }, {
          name: 'article',
          displayName: '发表文章',
          link: `/columns/journal/${this.$route.params.id}/${this.$route.params.issue}/publish/article`
        }]
      };
    }
  }
</script>

<style rel="stylesheet/less" lang="less" scoped>
.publish{
  .top-nav{
    height: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #2e9057;
    .nav-title{
      font-size: 20px;
      color: #2e9057;
    }
  }
}
</style>